<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>学习园地</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
    <h1>国贸联联看</h1>
    <nav>
        <ul>
            <li><a href="index.html">主页</a></li>
            <li><a href="class-intro.html">班级介绍</a></li>
            <li><a href="learning-garden.html">学习园地</a></li>
            <li><a href="class-news.html">班级新闻</a></li>
            <li><a href="class-album.html">班级相册</a></li>
            <li><a href="music-appreciation.html">音乐欣赏</a></li>
        </ul>
    </nav>
</header>
<main>
    <section>
        <h2>学习园地</h2>
        <p>欢迎来到学习园地！在这里您可以找到各种学习资源和活动信息，帮助您在学业上取得更好的成绩。</p>

        <!-- 学习资源 -->
        <article>
            <h3>本周学习重点</h3>
            <p>本周我们将重点复习数学中的几何图形和物理中的力学原理。请确保完成所有相关作业并准备下周的小测验。</p>
        </article>

        <!-- 课外阅读推荐 -->
        <article>
            <h3>课外阅读推荐</h3>
            <p>为了拓宽知识面，我们推荐以下书籍：<em>《时间简史》</em> by 斯蒂芬·霍金 和 <em>《人类简史》</em> by 尤瓦尔·赫拉利。</p>
        </article>

        <!-- 在线课程链接 -->
        <article>
            <h3>在线课程链接</h3>
            <p>对于有兴趣深入学习的同学，这里提供了一些在线课程的链接：</p>
            <ul>
                <li><a href="https://example.com/math-course">数学课程</a></li>
                <li><a href="https://example.com/physics-course">物理课程</a></li>
            </ul>
        </article>

        <!-- 学习资料下载 -->
        <article>
            <h3>学习资料下载</h3>
            <p>以下是可供下载的学习资料，请根据需要下载：</p>
            <ul>
                <li><a href="downloads/math_notes.pdf">数学笔记</a></li>
                <li><a href="downloads/physics_notes.pdf">物理笔记</a></li>
            </ul>
        </article>

        <!-- 学习心得分享 -->
        <article>
            <h3>学习心得分享</h3>
            <p>同学们可以在这里分享自己的学习心得和经验，互相交流，共同进步。</p>
            <form action="#" method="post">
                <label for="feedback">分享您的学习心得:</label><br>
                <textarea id="feedback" name="feedback" rows="4" cols="50"></textarea><br>
                <input type="submit" value="提交">
            </form>
        </article>
    </section>
</main>
<footer>
    <p>&copy; 2024 班级网站. All rights reserved.</p>
</footer>
</body>
</html>